<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Experimental/Independent Film Community</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="An Independent Film Community" />
<meta name="copyright" content="Cmpe451-ProjectGroup#8" />
<link href="./jsp/user/style/expind-std.css" rel="stylesheet"
	type="text/css" />
<link href="./jsp/user/style/expind.css" rel="stylesheet"
	type="text/css" />
<script language="javascript"
	src="./jsp/user/scripts/jquery-1.8.2.min.js"></script>
<script language="javascript" src="./jsp/user/scripts/expind.js"></script>
</head>
<body>
	<div class="container_24">
		<jsp:include page="header.jsp" />
		<div class="grid_24">
			<c:if test="${requestScope.user.uid eq sessionScope.user.uid }">
				<select id="profile-options">
					<option value="1">Display Profile</option>
					<option value="2">Edit Profile</option>
					<option value="3">Change Password</option>
				</select>
				<div class="grid_24 hr-line2"></div>
			</c:if>

			<div class="grid_24 user-info">
				<div class="user-thumb">
					<img src=<c:out value="${ requestScope.user.imageURL}"/>
						title=<c:out value="${ requestScope.user.name }"/> width="180px" />
					<form action="rating?to=user" method="get">

						<span
							class="grid_4 suffix_15 comment-star star${(not empty rate) ? 'rate' : '2'} " />

						<div style="margin-left: 90px">
							<select name="selrate" id="selrate">
								<option value="1">Very Bad</option>
								<option value="2">Bad</option>
								<option value="3">Medium</option>
								<option value="4" selected="selected">Good</option>
								<option value="5">Very Good</option>
							</select>
						</div>
						<input type="submit" value="Rate" />
					</form>

					<div class="grid_24 alpha comment-do">
						<!-- YORUM YAP BAŞLA (GİRİŞ YAPMAMIŞ KULLANICI İÇİN) -->
						<form action="#" method="get" class="comment-form">
							<div class="grid_3">Comment:</div>
							<div class="grid_18">
								<textarea name="comment" id="yorumb" rows="5" cols="77"> </textarea>
							</div>
							<br />
							<button type="submit" name="add" class="comment-button">
								<span> Post Comment </span>
							</button>

						</form>
					</div>
				</div>
				<div class="title-style">
					<c:out value="${ requestScope.user.name }"></c:out>
					<div class="user-title">
						<c:forEach var="title" items="${requestScope.user.titles}">
						${title.titleShowName},
					</c:forEach>
					</div>
				</div>
				<c:choose>
					<c:when test="${requestScope.user.available }">
						<div class="availability-style" style="color: green">Available
						</div>
					</c:when>
					<c:otherwise>
						<div class="availability-style" style="color: red">Occupied
						</div>
					</c:otherwise>
				</c:choose>

				<div class="info-style">
					<c:out value="${requestScope.user.summary}" />
					<div class="grid_15 hr-line2"></div>
					<div class="clear height10"></div>
					<a id="detailed-features" href="#">Detailed Features</a>
					<div id="detailed-features-output" style="display: none;">
						Birth Date:
						<c:out value="${requestScope.user.dayOfBirth}" />
						-
						<c:out value="${requestScope.user.monthOfBirth + 1}" />
						-
						<c:out value="${requestScope.user.yearOfBirth}" />
						<c:choose>
							<c:when test="${ empty requestScope.user.actorFeatures }">

							</c:when>
							<c:otherwise>
	    			Height: <c:out
									value="${requestScope.user.actorFeatures.height }" />,
	    			Weight: <c:out
									value="${requestScope.user.actorFeatures.weight }" />,
	    			Hair: <c:out
									value="${requestScope.user.actorFeatures.hairColor }" />,
	    			Eyes: <c:out
									value="${requestScope.user.actorFeatures.eyeColor }" />,
	    			Skin: <c:out
									value="${requestScope.user.actorFeatures.skinColor }" />, 
	    			</c:otherwise>
						</c:choose>
					</div>
					<br /> <a id="contact" href="#">Contact</a>
					<div id="contact-output" style="display: none;">
						Email:${requestScope.user.email}, Tel:${requestScope.user.tel},
						City:${requestScope.user.city}</div>
				</div>
			</div>
		</div>
	</div>
	<!-- wrapper BİTİŞ -->
</body>
</html>
